<template>
	<view class="max-box">
		<view class="order-title"><view class="title">订单</view></view>
		这是订单页面,这里主要展示下自定义渐变色导航栏的效果
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	onLoad() {},
	methods: {}
};
</script>

<style lang="scss" scoped>
.max-box {
	width: 750rpx;
	min-height: 100vh;
	background-color: $bgc;
}
.order-title {
	width: 100%;
	height: 100rpx;
	background: linear-gradient(90deg, #fa6533, #c3c52c, #32c57b);
	padding-top: 40rpx;
	.title {
		width: 100%;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		font-size: 36rpx;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #fff;
	}
}
</style>
